<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>

<html>
<head>

<%@ include file="/WEB-INF/views/include/common.jsp"%>
<title>Validation</title>
<!-- <script src="http://api.mygeoposition.com/api/geopicker/api.js" type="text/javascript"></script> -->
<script src="${jsUrl}/test.js"></script>
<script type="text/javascript">
    function lookupGeoData() {            
        myGeoPositionGeoPicker({

        	returnCallback             : 'myCallbackFunction',
            startPositionLat           : '37.516589',
            startPositionLng           : '126.761581',
            langCode                   : 'ko',
            returnFieldMap   : {
                                 'geoposition1a' : '<LAT>',
                                 'geoposition1b' : '<LNG>',
                                 'geoposition1c' : '<CITY>',   /* ...or <COUNTRY>, <STATE>, <DISTRICT>,
                                                                       <CITY>, <SUBURB>, <ZIP>, <STREET>, <STREETNUMBER> */
                                 'geoposition1d' : '<ADDRESS>'
                               }
        });
    }
    function myCallbackFunction(d){
    	logs(d);
    }

 // mouse 우클릭 처리
 			document.oncontextmenu = new Function('return false');
</script>
</head>
<body>
Geo-Coordinates:
<input type="text" name="geoposition1a" id="geoposition1a" size="10"/>
<input type="text" name="geoposition1b" id="geoposition1b" size="10"/>
<input type="text" name="geoposition1c" id="geoposition1c" size="10"/>
<input type="text" name="geoposition1d" id="geoposition1d" size="70"/>
<button type="button" onclick="lookupGeoData();">GeoPicker</button/>
		
</body>
</html>
